body{font-family: "Microsoft Yahei";line-height: 26px; margin: 0; padding: 0; font-size: 14px; color: #747272;}
ul,li,img,h3,dl,dt,dd,i,tr,td{margin: 0; padding: 0; list-style: none; border: 0;font-style:normal;}
a,a:focus, a:hover{color: #747272; text-decoration: none;}
img{max-width: 100%;}
iframe{max-width: 100%;}
input{outline:medium;}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
/*公用类*/


@media only screen and (max-width: 769px){
    /* ??? */
    .floatingAd .ad img{width: 180px !important;height: unset !important;}
}

/*第一屏*/
.section1{}
.first .p_pic{width: 1032px;margin: auto;position: relative;z-index: 9;top: 43%; animation: myfirst 2s;}
@keyframes myfirst{
    from {width: 0;}
    to {width: 1032px;}
}
/*-----------------*/
.first{height: 940px;background: url(../img/1.jpg) no-repeat center center;background-size: 100% 100%;zoom:100% !important;}
.first .m1{width: 100%; height: 100%; background: url(../img/m1.png)  no-repeat center center; background-size:100% 100%; position: absolute; left: 0; top: 0;}
.first .h100{height: 100%;}

.first .nav{width: 90%; margin: auto; border-bottom: 1px solid rgba(255,255,255,0.5); height: 90px;}
.first .logo{float: left;width: 21.3%;}
.first .menu{float: right; padding-top: 36px;width: 78.7%;}
.first .menu ul li{float: left; position: relative;line-height: 34px;}
.first .menu ul li a{color: #fff;}
.first .menu ul li.yuyan span a{font-family: Arial; font-size: 14px;}
@media screen and (max-width: 1600px) {.menu ul li{margin-left: 36px;}}
@media screen and (min-width: 1600px) {.menu ul li{margin-left: 65px;}}
.first .menu ul li ul{position: absolute; padding-top: 46px; left: 0px; width: 600px; height: 50px; line-height: 50px; background: url(img/navul.png) no-repeat; display: none; }

.first .menu ul li ul li{padding-left: 65px;text-align: center; float: left;margin-left: 0px; }
.first .menu ul li ul li:first-child{padding-left: 0px;}
.first .menu ul li ul li a{}
.first .baixian{width: 90%; border-bottom: 1px solid rgba(255,255,255,0.5); margin: auto; position: relative; top: 70px; display: none;}
.first .menu ul li a{color: #fff; font-size: 16px;}

.first .db_ewm{cursor:pointer;}
.first .db_ewm .wechart{font-family: "iconfont" !important;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 100%;font-size: 22px;color: #fff;}
.first .db_ewm .wechart i{}
.first .db_ewm .relative{position: relative;}
.first .db_ewm .absolute{position: fixed;}
.first .db_ewm .text_sao{color: #111;padding-top: 10px;}
.first .db_ewm .ewm{bottom:20%;left:45%;width:200px;padding:20px;background: #fff;border: 1px solid #ddd;text-align:center;display: none;}
.first .db_ewm .ewm .guanbi{position: absolute;right: 5px;top: 0px;font-size: 23px;}

.first .m1 .ss{margin-left: 0;float: right; position: relative;width: 70px;}
.first .search{height: 42px;position: absolute;z-index: 9; right: 0; top: -7px;color: #9b9b9b;width: 60px;transition: all 0.5s;}
.first .search .a{height: 40px;background: none;border: none;display: none;transition: all 0.5s;padding-left: 5px;}
.first .search .b{position: absolute;top: 0px;right: 2px;height: 42px;width: 58px;background: url(../img/ss.png) no-repeat right;border: none;transition: all 0.5s;}
.first .search input:-moz-placeholder,.search textarea:-moz-placeholder{color: #9b9b9b;}
.first .search input:-ms-input-placeholder,.search textarea:-ms-input-placeholder{color: #9b9b9b;}
.first .search input::-webkit-input-placeholder,.search textarea::-webkit-input-placeholder{color: #9b9b9b;}
.first .search:hover{border: 1px solid #9b9b9b;border-radius: 7px;background: #fff;width: 190px;transition: all 0.5s;}
.first .search:hover .a{display: block;transition: all 0.5s;}
.first .search:hover .b{background: url(../img/ss2.png) no-repeat right;transition: all 0.5s;}

.shubiao{height: 50px;width: 100%;position: absolute;z-index: 9;left: 50%;bottom: 20px;margin-left: -14px;}
.shubiao .scroll-icon{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 2em;width: 1.2em;font-size: 22px;color: rgba(255, 255, 255, 0.5);border-radius: 2em;border: solid 2px;-webkit-transition: .4s;transition: .4s;}
.scroll-icon:hover{background-color: rgba(255, 255, 255, 0.05);color: #fff;}
.scroll-icon::after{content: '';width: 5px;height: 5px;background-color: #fff;border-radius: 50%;-webkit-animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);}
@-webkit-keyframes scroll-icon {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        opacity: 0;
    }
    30%,
    70% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        opacity: 0;
    }
}
@keyframes scroll-icon {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        opacity: 0;
    }
    30%,
    70% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        opacity: 0;
    }
}
/*WAP*/
.one{height: 100%;}
.one .m11{width: 100%; height: 100%; /*background: url(../img/m1.png)  no-repeat center center;*/ background-size:100% 100%; position: absolute; left: 0; top: 0;}

.one .slideBox{width:100%;overflow:hidden; position:relative;}
.one .slideBox .bd{ position:relative; height:100%; z-index:0;}
.one .slideBox .bd li{ zoom:1; vertical-align:middle; }
.one .slideBox .bd img{ width:100%;display:block;}
.one .slideBox .prev,
.one .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.one .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.one .slideBox .prev:hover,
.one .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.one .slideBox .prevStop{ display:none;  }
.one .slideBox .nextStop{ display:none;  }

.w_top{height: 66px;z-index: 999;position: fixed;width: 100%;padding: 0 2%;top: 0;background-image: linear-gradient(rgba(0, 0, 0, 0.58), rgba(255, 255, 255, 0));}
.w_top .logo{width: 70%;float: left;padding-top: 7px;}
.w_top .logo img{width: 100%;}
.w_top .w_nav{float: right;line-height: 66px;}
.w_top .w_nav i{font-family: "iconfont" !important;font-size: 30px;color: #fff;}


/*第二屏*/
.section2{position: relative;}
.second .bg1{background: url(../img/fourth.jpg) no-repeat center center; background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation-name: bgMagnify;/*所需运行的动画名称*/
	animation-duration: 30s;/*在30秒内完成*/
	animation-delay: 0s;/*等待0秒*/}
.two .bg11{background: url(../img/four.jpg) no-repeat center center;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation-name: bgMagnify;/*所需运行的动画名称*/
	animation-duration: 30s;/*在30秒内完成*/
	animation-delay: 0s;/*等待0秒*/}

.second{height: 100%;background: url(../img/fourth.jpg) no-repeat center center;background-size: 100% 100%;}
.second .m2m{width: 90%; height: 100%;padding-top: 75px; position: relative; bottom: 100%;margin: auto;}
.second .m2m .hxgs_bt{color: #b99855;position: absolute;left: 0;top: 19%;}
.second .m2m .hxgs_bt span{display: block;font-size: 30px;}
.second .m2m .hxgs_bt i{display: block;font-family: "Arial";padding-top: 20px;}

.second .er_xxk1{width:100%;height: 100%;}
.second .er_xxk1 .bd{height: 70%;}
.second .er_xxk1 .bd ul{padding:15px;zoom:1;}
/*华兴概述*/
.second .jj_gd{font-size: 16px;width: 10%;float: left;padding-top: 16%;}
.second .jj_tp{width: 40%;float: left;}
.second .jj_nr{width: 50%;float: right;padding-top: 7%;}
.second .jj_nr .jj_nr1{font-size: 24px;color: #494948;}
.second .jj_nr .jj_nr2{line-height: 36px;padding-top: 30px;height: 215px;overflow: hidden;}
.second .jj_nr .jj_nr3{color: #474948;font-size: 16px;padding-top: 5%;}
.second .jj_nr .jj_nr3 dd{width: 33%;float: left;}
.second .jj_nr .jj_nr3 i{display: block;}
.second .jj_nr .jj_nr3 i b{font-size: 30px;color: #b99855;}
.second .jj_nr .jj_nr3 span{display: block;}
/*分支机构*/
.second .jg_gd{font-size: 16px;width: 10%;float: left;padding-top: 16%;}
.second .jg_lb{width: 80%;float: right;}
.second .jg_lb .jg_bt{font-size: 24px;color: #494948;height: 73px;margin-top: 10%;}
.second .jg_lb dl{width: 100%;}
.second .jg_lb dd{width: 10%;float: left;height: 142px;text-align: center;}
.second .jg_lb dd img{display: block;width: 92px;height: 92px;border-radius: 100%;margin: auto;}
.second .jg_lb dd span{display: block;padding-top: 5px;transition: all 0.5s;}
.second .jg_lb dd:nth-child(1){background: url(../img/zh_bg1.png) no-repeat center bottom;}
.second .jg_lb dd:nth-child(2){background: url(../img/zh_bg2.png) no-repeat center top;padding-top: 28px;margin-top: 126px;}
.second .jg_lb dd:nth-child(3){background: url(../img/zh_bg3.png) no-repeat center bottom;}
.second .jg_lb dd:nth-child(4){background: url(../img/zh_bg4.png) no-repeat center top;padding-top: 28px;margin-top: 126px;}
.second .jg_lb dd:nth-child(5){background: url(../img/zh_bg5.png) no-repeat center bottom;}
.second .jg_lb dd:nth-child(6){background: url(../img/zh_bg1.png) no-repeat center top;padding-top: 28px;margin-top: 126px;}
.second .jg_lb dd:nth-child(7){background: url(../img/zh_bg2.png) no-repeat center bottom;}
.second .jg_lb dd:nth-child(8){background: url(../img/zh_bg3.png) no-repeat center top;padding-top: 28px;margin-top: 126px;}
.second .jg_lb dd:nth-child(9){background: url(../img/zh_bg4.png) no-repeat center bottom;}
.second .jg_lb dd:nth-child(10){background: url(../img/zh_bg5.png) no-repeat center top;padding-top: 28px;margin-top: 126px;}
.second .jg_lb dd:hover span{transform:translate(0,-50px);transition: all 0.5s;text-shadow: #313131 1px 2px 6px;color: #fff;}
/*企业文化*/
.second .wh_gd{font-size: 16px;width: 10%;float: left;padding-top: 16%;}
.second .wh_nr{width: 80%;float: right;}
.second .wh_nr .wh_bt{font-size: 24px;color: #494948;height: 73px;margin-top: 10%;}
.second .wh_nr_l{width:60%;float: left; overflow:hidden;position:relative;}
.second .wh_nr_l li{float: left;margin: 0 9px;height: 300px;width: 203px;}
.second .wh_nr_r{width: 40%;float: right;line-height: 28px;}
/*选项卡-分类名*/
.second .er_xxk1 .hd{height: 15%;width: 80%;float: right;  position:relative;}
.second .er_xxk1 .hd .h_xian{height: 1px;background: #aaa;position: absolute;top: 12px;left: 38px;width: 94%;}
.second .er_xxk1 .hd ul{}
.second .er_xxk1 .hd ul li{color: #333; cursor:pointer;width: 75px;text-align: center;position: absolute;}
.second .er_xxk1 .hd ul li:nth-child(1){left: 0;}
.second .er_xxk1 .hd ul li:nth-child(2){left: 50%;}
.second .er_xxk1 .hd ul li:nth-child(3){right: 0;}
.second .er_xxk1 .hd ul li i{display: block;font-size: 26px; font-family: "iconfont" !important;}
.second .er_xxk1 .hd ul li span{display: block;font-size: 16px;padding-top: 10px;}
.second .er_xxk1 .hd ul li.on{color: #b99855;}
/*WAP*/
.two{height: 100%;background: url(../img/four.jpg) no-repeat center center;background-size: 100% 100%;}
.two .m2m{width: 94%;height: 100%;margin: auto; position: relative;bottom: 100%;}

.two .m2m .hxgs_bt{height: 100px;width: 100%;color: #b99855;}
.two .m2m .hxgs_bt span{display: block;font-size: 24px;padding-top: 30px;}
.two .m2m .hxgs_bt i{display: block;font-family: "Arial";font-size: 16px;padding-top: 8px;}

.two .er_xxk2{width:100%;height: 100%;}
.two .er_xxk2 .bd{height: 70%;position: relative;}
.two .er_xxk2 .bd ul{padding:15px;zoom:1;}
/*华兴概述*/
.two .jj_gd{position: absolute;right: 0;top: 6%;}
.two .jj_nr{width: 100%;}
.two .jj_nr .jj_nr1{font-size: 20px;color: #494948;}
.two .jj_nr .jj_nr2{padding-top: 20px;height: 280px;overflow: hidden;text-align: justify;}
.two .jj_nr .jj_nr3{padding-top: 10px;color: #474948;}
.two .jj_nr .jj_nr3 dd{width: 29%;float: left;}
.two .jj_nr .jj_nr3 dd:nth-child(1){width: 42%;}
.two .jj_nr .jj_nr3 i{display: block;}
.two .jj_nr .jj_nr3 i b{font-size: 24px;color: #b99855;}
.two .jj_nr .jj_nr3 span{display: block;}
@media screen and (min-height: 812px){
	.two .jj_nr .jj_nr2{height: 368px;padding-top: 50px;line-height: 30px;}
}
/*分支机构*/
.two .jg_gd{position: absolute;right: 0;top: 6%;}
.two .jg_lb{width: 100%;}
.two .jg_lb .jg_bt{font-size: 20px;color: #494948;}
.two .jg_lb dl{width: 100%;background: url(../img/zh_bg_w.png) no-repeat center top;padding-top: 20px;margin-top: 3%;}
.two .jg_lb dd{width: 100%;height: 62px;font-size: 13px;}
.two .jg_lb dd b{display: block;font-size: 15px;}
.two .jg_lb dd:nth-child(1){padding-right: 52%;}
.two .jg_lb dd:nth-child(2){text-align: right;padding-left: 52%;}
.two .jg_lb dd:nth-child(3){padding-right: 52%;}
.two .jg_lb dd:nth-child(4){text-align: right;padding-left: 52%;}
.two .jg_lb dd:nth-child(5){padding-right: 52%;}
.two .jg_lb dd:nth-child(6){text-align: right;padding-left: 52%;}
/*企业文化*/
.two .wh_gd{position: absolute;right: 0;top: 6%;}
.two .wh_nr{width: 100%;}
.two .wh_nr .wh_bt{font-size: 20px;color: #494948;}
.two .wh_nr2{margin-top: 33px;}
.two .wh_nr_r{width: 100%;line-height: 23px; overflow: hidden;}
@media screen and (min-width: 360px){
    .two .wh_nr_r{line-height: 30px;}
}
/*选项卡-分类名*/
.two .er_xxk2 .hd{height: 15%;width: 100%;  position:relative;}
.two .er_xxk2 .hd .h_xian{height: 1px;background: #aaa;position: absolute;top: 12px;left: 38px;}
.two .er_xxk2 .hd ul{}
.two .er_xxk2 .hd ul li{color: #333; cursor:pointer;width: 75px;text-align: center;position: absolute;}
.two .er_xxk2 .hd ul li:nth-child(1){left: 0;}
.two .er_xxk2 .hd ul li:nth-child(2){left: 50%;margin-left: -37.5px;}
.two .er_xxk2 .hd ul li:nth-child(3){right: 0;}
.two .er_xxk2 .hd ul li i{display: block;font-size: 20px; font-family: "iconfont" !important;}
.two .er_xxk2 .hd ul li span{display: block;font-size: 15px;padding-top: 3px;}
.two .er_xxk2 .hd ul li.on{color: #b99855;}
@media screen and (width: 320px){
    .two .er_xxk2 .hd .h_xian{width: 76%;}
}
@media screen and (min-width: 330px){
    .two .er_xxk2 .hd .h_xian{width: 78%;}
}


/*第三屏*/
.third{height: 100%;color: #fff;}
.third .m3l{height: 100%; background: url(../img/m4l.jpg) no-repeat center center; background-size: 100% 100%;padding: 0; position: relative;top: -100%;transition: all 0.5s;filter: brightness(60%);}
.third .m3l:hover{filter: brightness(100%);transition: all 0.5s;}
.third .m3m{ height: 100%; background: url(../img/m4m.jpg) no-repeat center center; background-size: 101% 100%;padding: 0; position: relative;top: -100%;transition: all 0.5s;filter: brightness(60%);}
.third .m3m:hover{filter: brightness(100%);transition: all 0.5s;}
.third .m3r{ height: 100%; background: url(../img/m4r.jpg) no-repeat center center; background-size: 100% 100%; padding: 0; position: relative; top: -100%;transition: all 0.5s;filter: brightness(60%);}
.third .m3r:hover{filter: brightness(100%);transition: all 0.5s;}
.third .f1{position: absolute;top: 128px;left: 20%;}
.third .f2{position: absolute;bottom: 145px;left: 20%;}
.third .f2 a{color: #fff;}
.third .f2 .f2_1{font-size: 18px;}
.third .f2 .f2_2{line-height: 36px;padding: 40px 20% 40px 0;}
.third .f2 .f2_3{height: 8px;line-height: 8px;}
.third .f2 .f2_3 b{display: block;float: left;font-size: 20px;}
.third .f2 .f2_3 i{display: block;float: right;width: 130px;height: 8px;background: url(../img/jian1.png) no-repeat;transition: all 0.5s;}
.third .f2:hover i{background: url(../img/jian2.png) no-repeat;transition: all 0.5s;}
/*WAP*/
.three{height: 100%;color: #fff;}
.three .w_m3l{height: 33.3%; background: url(../img/w_m4l.jpg) no-repeat center center; background-size: 100% 100%; padding: 0;transition: all 0.5s;filter: brightness(85%); position: relative;left: -100%;}
.three .w_m3l:hover{filter: brightness(100%);transition: all 0.5s;}
.three .w_m3m{ height: 33.3%; background: url(../img/w_m4m.jpg) no-repeat center center; background-size: 101% 100%; padding: 0;transition: all 0.5s;filter: brightness(85%); position: relative;left: -100%;}
.three .w_m3m:hover{filter: brightness(100%);transition: all 0.5s;}
.three .w_m3r{ height: 33.3%; background: url(../img/w_m4r.jpg) no-repeat center center; background-size: 100% 100%; padding: 0;transition: all 0.5s;filter: brightness(85%); position: relative;left: -100%;}
.three .w_m3r:hover{filter: brightness(100%);transition: all 0.5s;}
.three .f1{position: absolute;top: 2%;left: 2%;}
.three .f2{position: absolute;bottom: 7%;left: 2%;}
.three .f2 a{color: #fff;}
.three .f2 .f2_1{font-size: 18px;}
.three .f2 .f2_2{padding: 2%;}
.three .f2 .f2_3{height: 8px;line-height: 8px;}
.three .f2 .f2_3 b{display: block;float: left;}
.three .f2 .f2_3 i{display: block;float: right;width: 130px;height: 8px;background: url(../img/jian1.png) no-repeat;transition: all 0.5s;}
.three .f2:hover i{background: url(../img/jian2.png) no-repeat;transition: all 0.5s;}


/*第四屏*/
.fourth .bg2{background: url(../img/fourth.jpg) no-repeat center center; background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation-name: bgMagnify;/*所需运行的动画名称*/
	animation-duration: 30s;/*在30秒内完成*/
	animation-delay: 0s;/*等待0秒*/}
.four .bg22{background: url(../img/four.jpg) no-repeat center center;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation-name: bgMagnify;/*所需运行的动画名称*/
	animation-duration: 30s;/*在30秒内完成*/
	animation-delay: 0s;/*等待0秒*/}

.fourth{height: 100%;background: url(../img/fourth.jpg) no-repeat center center;background-size: 100% 100%;}
.fourth .m4m{width: 90%; height: 100%;padding-top: 75px; position: relative; bottom: 100%;margin: auto;}
.fourth .m4m .si_bt{height: 155px;width: 20%;float: left;}
.fourth .m4m .si_bt span{display: block;font-size: 30px;color: #201e1e;padding-top: 39px;}
.fourth .m4m .si_bt i{display: block;font-family: "Arial";font-size: 18px;color: #7a7878;padding-top: 20px;}

.fourth .si_xxk1{width: 80%;float: right; overflow: hidden;}
.fourth .si_xxk1 .title{height: 112px;overflow: hidden;position: absolute;left: 0;top: 36%;}
.fourth .si_xxk1 .title li{width: 142px;height: 45px;border: 1px solid #b5b5b5;border-radius: 7px;background: #fff;line-height: 45px;text-align: center;}
.fourth .si_xxk1 .title li:nth-child(2){margin-top: 22px;}
.fourth .si_xxk1 .title li a{color: #525151;font-size: 16px;}
.fourth .si_xxk1 .title li.on{border: none;background: #b99855;}
.fourth .si_xxk1 .title li.on a{color: #fff;}

.douban1{width:100%;overflow:hidden;padding-top:10px;}
.douban1 .bd{padding-top: 1px;}
.douban1 .bd ul{overflow:hidden; zoom:1;}
.douban1 .bd ul li{float:left;width: 33%;}
.douban1 .xwdt_sj{height: 50px;border-bottom: 2px solid #b99855;position: relative;}
.douban1 .xwdt_sj span{display: block;}
.douban1 .xwdt_sj i{display: block;font-size: 25px;position: absolute;bottom: -12px;left: -2.5px;color: #b99855;transition: all 0.5s;}
.douban1 .xwdt_nr{height: 250px;padding-top: 15px;}
.douban1 .xwdt_nr span{display: block;color: #393838;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;padding: 10px 0;}
.douban1 .xwdt_nr i{display: block;padding-top: 10px;padding-bottom: 20px;min-height: 108px;}
.douban1 .xwdt_nr a{display: block;width: 111px;height: 38px;border: 1px solid #bfbfbf;border-radius: 25px;text-align: center;line-height: 38px;transition: all 0.5s;}
.douban1 .xwdt_tp{text-align: center;}
.douban1 .xwdt_tp img{border-radius: 10px;height: 215px;transition: all 0.5s;}
.douban1 .bd ul li:hover .xwdt_sj i{left: 98%;transition: all 0.5s;}
.douban1 .bd ul li .xwdt_nr a:hover{border-radius: 0;transition: all 0.5s;}
.douban1 .bd ul li .xwdt_tp img:hover{transform: scale(0.9);transition: all 0.5s;}
.douban1 .hd{height:24px;line-height:24px;overflow:hidden;margin-top: 3%;}
.douban1 .hd ul{zoom:1;color: #b99855;}
.douban1 .hd ul li{float:left;cursor:pointer;width: 24px;height: 24px;text-align: center; background: url(../img/xh_bg1.png) no-repeat center;}
.douban1 .hd ul li.on{background: url(../img/xh_bg2.png) no-repeat center;}

/*WAP*/
.four{height: 100%;background: url(../img/four.jpg) no-repeat center center;background-size: 100% 100%;}
.four .m4m{width: 94%; height: 100%; position: relative; bottom: 100%;margin: auto;}
.four .m4m .si_bt{height: 100px;width: 100%;}
.four .m4m .si_bt span{display: block;font-size: 24px;color: #201e1e;padding-top: 30px;}
.four .m4m .si_bt i{display: block;font-family: "Arial";font-size: 16px;color: #7a7878;padding-top: 8px;}

.four .si_xxk2{width: 100%; overflow: hidden;}
.four .si_xxk2 .title{height: 42px;overflow: hidden;}
.four .si_xxk2 .title li{width: 46%;height: 40px;border: 1px solid #b5b5b5;border-radius: 7px;background: #fff;line-height: 40px;text-align: center;}
.four .si_xxk2 .title li:nth-child(1){float: left;}
.four .si_xxk2 .title li:nth-child(2){float: right;}
.four .si_xxk2 .title li a{color: #525151;font-size: 16px;}
.four .si_xxk2 .title li.on{border: none;background: #b99855;color: #fff;}

.douban2{width:100%;overflow:hidden;padding-top:10px;}
.douban2 .bd{padding-top: 1px;}
.douban2 .bd ul{overflow:hidden; zoom:1;}
.douban2 .bd ul li{float:left;width: 100%;}
.douban2 .xwdt_sj{height: 50px;border-bottom: 2px solid #b99855;position: relative;}
.douban2 .xwdt_sj span{display: block;}
.douban2 .xwdt_sj i{display: block;font-size: 25px;position: absolute;bottom: -12px;left: -2.5px;color: #b99855;transition: all 0.5s;}
.douban2 .xwdt_nr{height: 213px;padding-top: 15px;}
.douban2 .xwdt_nr span{display: block;color: #393838;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;padding: 5px 0;}
.douban2 .xwdt_nr i{display: block;padding-top: 10px;padding-bottom: 15px;}
.douban2 .xwdt_nr a{display: block;width: 111px;height: 38px;border: 1px solid #bfbfbf;border-radius: 25px;text-align: center;line-height: 38px;transition: all 0.5s;}
.douban2 .xwdt_tp{text-align: center;}
.douban2 .xwdt_tp img{border-radius: 10px;height: 170px;transition: all 0.5s;}
.douban2 .bd ul li:hover .xwdt_sj i{left: 98%;transition: all 0.5s;}
.douban2 .bd ul li .xwdt_nr a:hover{border-radius: 0;transition: all 0.5s;}
.douban2 .bd ul li .xwdt_tp img:hover{transform: scale(0.9);transition: all 0.5s;}
.douban2 .hd{height:24px;line-height:24px;overflow:hidden;width: 144px;margin: 3% auto;}
.douban2 .hd ul{zoom:1;color: #b99855;}
.douban2 .hd ul li{float:left;cursor:pointer;width: 24px;height: 24px;text-align: center; background: url(../img/xh_bg1.png) no-repeat center;}
.douban2 .hd ul li.on{background: url(../img/xh_bg2.png) no-repeat center;}
@media screen and (width: 320px){
	.douban2 .xwdt_nr{height: 162px;}
    .douban2 .xwdt_nr i{height: 65px;overflow: hidden;}
}
@media screen and (min-width: 330px){
    .douban2 .xwdt_nr{height: 213px;}
    .douban2 .xwdt_nr i{height: 103px;overflow: hidden;}
}
@media screen and (min-height: 812px){
	.douban2 .bd ul li{margin: 25px 0;}
}


/*第五屏*/
.fifth .bg3{background: url(../img/fifth.jpg) no-repeat center center; background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation-name: bgMagnify;/*所需运行的动画名称*/
    animation-duration: 30s;/*在30秒内完成*/
    animation-delay: 0s;/*等待0秒*/}
.five .bg33{background: url(../img/five.jpg) no-repeat center center;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation-name: bgMagnify;/*所需运行的动画名称*/
    animation-duration: 30s;/*在30秒内完成*/
    animation-delay: 0s;/*等待0秒*/}

.fifth{height: 100%;background: url(../img/fifth.jpg) no-repeat center center;background-size: 100% 100%;}
.fifth .m5m{width: 90%; height: 100%;padding-top: 8%; position: relative; bottom: 100%;margin: auto;}
.fifth .m5m .hxtd_bt{height: 116px;}
.fifth .m5m .hxtd_bt span{display: block;font-size: 30px;color: #201e1e;}
.fifth .m5m .hxtd_bt i{display: block;font-family: "Arial";font-size: 18px;color: #7a7878;padding-top: 20px;}
.fifth .m5m .hxtd_lb{width: 100%;height: 384px;overflow: hidden;}
.fifth .m5m .hxtd_lb li{width: 25%;float: left;height: 384px;}
.fifth .m5m .hxtd_lb li a{display: block;padding: 0 10px;color: #565450;}
.fifth .m5m .hxtd_lb .td_tp{height: 262px;text-align: center;overflow: hidden;}
.fifth .m5m .hxtd_lb .td_tp img{height: 262px;border-radius: 10px;transition: all 0.5s;}
.fifth .m5m .hxtd_lb .td_mc{padding-top: 18px;height: 112px;}
.fifth .m5m .hxtd_lb .td_mc span{display: block;font-size: 18px;line-height: 40px;}
.fifth .m5m .hxtd_lb .td_mc i{display: block;}
.fifth .m5m .hxtd_lb .bian{height: 2px;background: #b99855;width: 0;transition: all 0.5s;}
.fifth .m5m .hxtd_lb li:hover .bian{width: 100%;transition: all 0.5s;}
.fifth .m5m .hxtd_lb li:hover .td_tp img{transform: scale(0.9);transition: all 0.5s;}
.fifth .m5m .hxtd_lb li:hover .td_mc{font-weight: bold;}
/*WAP*/
.five{height: 100%;background: url(../img/five.jpg) no-repeat center center;background-size: 100% 100%;}
.five .m5m{width: 94%; height: 100%; position: relative; bottom: 100%;margin: auto;}
.five .m5m .hxtd_bt{height: 100px;width: 100%;}
.five .m5m .hxtd_bt span{display: block;font-size: 24px;color: #201e1e;padding-top: 30px;}
.five .m5m .hxtd_bt i{display: block;font-family: "Arial";font-size: 16px;color: #7a7878;padding-top: 8px;}
.five .m5m .hxtd_lb{width: 100%; padding-top: 20px;overflow: hidden;}
.five .m5m .hxtd_lb li{width: 49.5%;float: left;height: 240px;}
.five .m5m .hxtd_lb li:nth-child(odd){margin-right: 0.5%;}
.five .m5m .hxtd_lb li:nth-child(even){margin-left: 0.5%;}
.five .m5m .hxtd_lb li a{display: block;padding: 0 3px;color: #565450;}
.five .m5m .hxtd_lb .td_tp{height: 110px;text-align: center;overflow: hidden;}
.five .m5m .hxtd_lb .td_tp img{height: 110px;border-radius: 10px;transition: all 0.5s;}
.five .m5m .hxtd_lb .td_mc{padding-top: 10px;height: 98px;}
.five .m5m .hxtd_lb .td_mc span{display: block;font-size: 16px;line-height: 30px;}
.five .m5m .hxtd_lb .td_mc i{display: block;}
.five .m5m .hxtd_lb .bian{height: 2px;background: #b99855;width: 0;transition: all 0.5s;}
.five .m5m .hxtd_lb li:hover .bian{width: 100%;transition: all 0.5s;}
.five .m5m .hxtd_lb li:hover .td_tp img{transform: scale(0.9);transition: all 0.5s;}
.five .m5m .hxtd_lb li:hover .td_mc{font-weight: bold;}
.five .m5m .hxtd_dd{display: none;text-align: center;padding: 10px;text-shadow: 1px 1px 3px #dedede;}
@media screen and (width: 320px){
    .five .m5m .hxtd_lb .td_tp{height: 95px;}
    .five .m5m .hxtd_lb .td_tp img{height: 95px;}
}
@media screen and (min-height: 812px){
    .five .m5m .hxtd_dd{display: block;}
}


/*第六屏*/
.sixth{height: 100%;color: #fff;}
.sixth .map{height: 70%;}
.sixth #MapBox{height: 660px;width: 100%;}
.sixth .amap-overviewcontrol{display: none;}

.sixth .relation{height: 30%;background: #b99855;width: 90%;margin: auto;padding-top: 80px;}
.sixth .relation li{float: left;}
.sixth .relation li:nth-child(1){width: 30%;}
.sixth .relation li:nth-child(2){width: 20%;line-height: 45px;}
.sixth .relation li:nth-child(3){width: 37%;line-height: 45px;}
.sixth .relation li:nth-child(4){width: 13%;padding-top: 15px;}
.sixth .relation li i{font-size: 21px;}
.sixth .relation li .ewm1{float: left;text-align: center;}
.sixth .relation li .ewm2{float: right;text-align: center;}
@media screen and (max-width: 1600px){
	.ewm1{display: none;}
}
/*WAP*/
.six{height: 100%;color: #fff;}
.six .map{height: 55%;}
.six #MapBox2{width: 100%;}
.six .amap-overviewcontrol{display: none;}
@media screen and (width: 320px){
	#MapBox2{height: 308px;}
}
@media screen and (min-width: 330px){
    #MapBox2{height: 350px;}
}
@media screen and (min-height: 812px){
    #MapBox2{height: 446px;}
}
.six .w_relation{height: 45%;background: #b99855;padding: 10% 1%;width: 100%;}
.six .w_relation ul{min-height: 160px;}
.six .w_relation li{float: left;}
.six .w_relation li:nth-child(1){width: 65%;line-height: 36px;}
.six .w_relation li:nth-child(2){width: 35%;}
.six .w_relation li .ewm2{float: right;text-align: center;}
.six .w_relation .w_mt{text-align: center;height: 35px;line-height: 35px;}


/***********************子页-开始**********************************************************************************/
.container{padding: 0;}
/*导航*/
.head{height: 100px;color:#727272;}
.high{z-index: 999;box-shadow: #8c8c8c 0px 2px 5px;position: relative;}
.high .logo{float: left;width: 30%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{width: 68%;float: right; position:relative; z-index:1;padding: 0;}
.navBar ul{width: 100%;}
.zy_nav{position:relative;margin:0 auto;font-family:"Microsoft YaHei",SimSun,SimHei;}
.zy_nav li{width: 11.1%;display: block;float: left;}
.zy_nav a{color:#727272;font-size: 16px;}
.zy_nav h3{ font-size:16px;font-weight:normal;}
.zy_nav .m{position:relative; z-index:1;}
.zy_nav h3 a{display:block; text-align:center;height: 100px;line-height: 100px;}
.zy_nav .m:hover{background: #fdfdfd;}
.zy_nav .sub{display:none;position:absolute;top: 99px;z-index:1;width: 100%;background: #fdfdfd;padding-bottom: 15px;left: 0;border-bottom: 2px solid #ddd;}
.zy_nav .sub li{text-align: center;height: 35px;line-height: 25px;float: left;width: 100%;}
.zy_nav .sub li a{display:block;padding:8px 0;color:#727272;font-size: 14px;width: 80%;margin: auto;}
.zy_nav .sub li a:hover{border-bottom:1px solid #f90504;width: 80%;}
/*WAP顶部*/
.w_top2{height: 80px;width: 100%;background: #fff;}
.w_top2 img{height: 72px;}


/*子页banner*/
#p_x_tp{width: 100%;height: 380px;background: url(../img/banner1.jpg) no-repeat center;display:flex;align-items: center;}
.p_place{color: #fff;line-height: 50px;}
.p_place span{display: block;font-size: 36px;}
.p_place b{display: block;height: 2px;width: 144px;background: #fff;}
.p_place i{display: block;font-size: 24px;}

#w_x_tp{width: 100%;height: 175px;padding-left: 10px;background: url(../img/banner11.jpg) no-repeat center;display:flex;align-items: center;}
.w_place{color: #fff;line-height: 32px;}
.w_place span{display: block;font-size: 24px;}
.w_place b{display: block;height: 2px;width: 144px;background: #fff;}
.w_place i{display: block;font-size: 16px;}


/*PC到顶部*/
.up1{width: 40px;height: 40px;color: #fff;background: #b99855;position: fixed;bottom: 0;right: 0;line-height: 40px;text-align: center;cursor:pointer;}
.up1 span{font-family: "iconfont" !important;font-size: 30px;}


/*PC底部*/
#pc_foot{height: 150px;background: #b99855;color: #fff;clear: both;display:flex;align-items: center;}
.pc_foot a{color: #fff;}
.pc_foot .bqsy{text-align: center;}
/*WAP底部*/
.wap_foot{min-height: 200px;background: #b99855;color: #fff;padding-top: 25px; clear: both;}
.wap_foot .bqsy{text-align: center;}
/***************/
.foot{width: 100%;/*height: 65px;*/color: #FFF;display: block;z-index: 9;position: relative;}
.foot a{color: #FFF;}
.foot .menu{background: rgba(140, 148, 170, 0.8);width: 96%;height: 65px;font-size: 14px;padding: 10px 0;text-align: center;position: fixed;bottom: 2%;left: 2%;border-radius: 30px;}
.foot .menu ul li{margin-left: 0;}
.foot .menu i{font-size: 20px;font-family: "iconfont" !important;}


/*分享*/
.biao{width: 50px;text-align: center;position: absolute;left: -50px;}
.biao a{color: #fff;font-family: "iconfont" !important;font-size: 26px;}
.biao .back{width: 50px;height: 50px;background: #8c94aa;line-height: 50px;cursor:pointer;}
.biao .share{width: 50px;height: 50px;background: #cc0042;line-height: 50px;cursor:pointer;}
/*wap*/
.biao2{width: 50px;text-align: center;position: fixed;right: 0;top: 150px;}
.biao2 a{color: #fff;font-family: "iconfont" !important;font-size: 22px;}
.biao2 .back{width: 50px;height: 50px;background: rgba(140, 148, 170, 0.5);line-height: 50px;cursor:pointer;}
.biao2 .share{width: 50px;height: 50px;background: rgba(204, 0, 17, 0.5);line-height: 50px;cursor:pointer;}
.biao2 .up2{width: 50px;height: 50px;background: rgba(185, 152, 85, 0.5);line-height: 50px;cursor:pointer;}

/***************************************************************************/


/*子页-内页-开始*/
.articlebook{position: absolute;bottom: -125px;width: 100%;left: 0;height: 100px;}
.articlebook .next{width: 50%;float: left;height: 100px;background: url(../img/syp.jpg) no-repeat left #e4e4e4;padding: 33px 10px 0 59px;}
.articlebook .pre{width: 50%;float: right;height: 100px;background: url(../img/xyp.jpg) no-repeat right #fff;text-align: right;padding: 33px 59px 0 10px;}
/*********/
.content{min-height: 500px;background: #f0f0f0;padding-top: 60px;padding-bottom: 165px;}
.content .yy{position: relative;}
.content .pc_dynr{padding: 70px 20px 10px 20px;background: #fff;min-height: 500px;}
.content .pc_dynr .word_bt{min-height: 90px;padding: 0 10px;border-bottom: 1px solid #e9e9e9;text-align: center;}
.content .pc_dynr .word_bt .word_bt1{color: #514e4e;font-size: 24px;min-height: 60px;}
.content .pc_dynr .word_nr{margin-top: 15px;color: #6f6f6f;}
.content .pc_dynr .word_nr a{color: #6f6f6f;}
/*WAP-开始*/
.text_zy{min-height: 300px;background: #f0f0f0;padding-top: 28px;padding-bottom: 130px;position: relative;}
.text_zy .wap_dynr{padding: 45px 10px 10px 10px;background: #fff;min-height: 300px;margin: 2%;}
.text_zy .wap_dynr .wzbt{min-height: 80px;padding: 0 10px;border-bottom: 1px solid #e9e9e9;text-align: center;}
.text_zy .wap_dynr .wzbt .wzbt1{color: #514e4e;font-size: 20px;min-height: 60px;}
.text_zy .wap_dynr .wzbt .wzbt2{color: #666;}
.text_zy .wap_dynr .wzbt .wzbt2 i{font-family: "iconfont" !important;}
.text_zy .wap_dynr .wznr{color: #686868;padding: 20px 10px;min-height: 590px;word-wrap:break-word;overflow-x: auto;}
.text_zy .wap_dynr .wznr a{color: #686868;}
/*子页-内页-结束*/


/*子页-新闻-列表页-开始*/
.news{position: relative;background: #f5f5f5;min-height: 800px;padding: 20px 0;}
.news .yy{}
.news .yy li{transition: all 0.5s;height: 270px;}
.news .yy .zs_n{padding: 30px 0;height: 270px;transition: all 0.5s;}
.news .yy .zs_n1{width: 20%;float: left;height: 125px;transition: all 0.5s;}
.news .yy .zs_n1 img{height: 210px;}
.news .yy .zs_n2{width: 78%;float: right;margin-top: 10px;padding-bottom: 10px;transition: all 0.5s;}
.news .yy .zs_n2 .zs_n21{height: 140px;padding: 10px;}
.news .yy .zs_n2 .zs_n21 span{display: block;font-size: 18px;height: 25px;}
.news .yy .zs_n2 .zs_n21 b{display: block;line-height: 42px;}
.news .yy .zs_n2 .zs_n21 i{display: block;}
.news .yy .zs_n2 .zs_n22{height: 10px;background: url(../img/jian_h.png) no-repeat;margin-top: 20px;transition: all 0.5s;}
.news .yy li:hover{transition: all 0.5s;background: #fff;}
.news .yy li:hover .zs_n1{transform:translate(20px,0);transition: all 0.5s;}
.news .yy li:hover .zs_n2{transform:translate(-20px,0);transition: all 0.5s;background: #fff;}
.news .yy li:hover .zs_n22{width: 100%;background: url(../img/jian_r.png) no-repeat;transition: all 0.5s;}
/*WAP-开始*/
.new{position: relative;background: #f5f5f5;min-height: 570px;padding: 20px 0;}
.new .new_lb{padding-top: 1%;}
.new .new_lb li{width: 100%;padding: 2%;}
.new .new_lb .zs_n{background: #fff;min-height: 170px;padding: 1%;overflow: hidden;}
.new .new_lb .zs_n2{width: 100%;}
.new .new_lb .zs_n2 .zs_n21 span{display: block;font-size: 15px;color: #434242;height: 30px;margin: 2% 0;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new .new_lb .zs_n2 .zs_n21 b{display: block;line-height: 26px;}
.new .new_lb .zs_n2 .zs_n21 i{display: block;font-size: 12px;}
.new .new_lb .zs_n2 .zs_n22{height: 10px;background: url(../img/jian_h.png) no-repeat;margin-top: 15px;}
/*子页-新闻-列表页-结束*/


/*子页-联系我们-开始*/
.p_contact{padding: 20px 0;min-height: 500px;background: #f4f4f4;border-top: 1px solid #fff;}
.p_contact .yy{}
.p_contact .p_lxwm{}
.p_contact .p_lxwm .lx_bt{min-height: 60px;padding: 10px 0;text-align: center;}
.p_contact .p_lxwm .lx_bt span{display: block;padding: 10px 0;font-size: 30px;color: #4e4c4c;}
.p_contact .p_lxwm .lx_bt b{display: block;font-size: 22px;color: #b99855;}
.p_contact .p_lxwm .lx_nr{margin-top: 15px;color: #6f6f6f;}
.pc_dt{height: 430px;width: 800px;background: #fff;float: left;overflow: hidden;text-align: center;padding: 18px;}
.pc_nr{height: 430px;width: 400px;background: #b99855;float: right;color: #fff;padding: 33px;}
/*WAP-开始*/
.w_contact{min-height: 320px;background: #f4f4f4;border-top: 1px solid #fff;}
.w_contact .w_lxwm{margin: 20px 0;padding: 0 5px;}
.w_contact .w_lxwm .lxbt{padding: 10px;text-align: center;}
.w_contact .w_lxwm .lxbt span{font-size: 18px;color: #4e4c4c;overflow: hidden;display: block;}
.w_contact .w_lxwm .lxbt b{display: block;font-size: 22px;color: #b99855;}
.w_contact .w_lxwm .lxnr{color: #686868;padding: 20px 10px;min-height: 300px;}
.wap_dt{width: 100%;height: 210px;background: #fff;overflow: hidden;text-align: center;padding: 5px;}
.wap_nr{width: 100%;min-height: 330px;background: #b99855;color: #fff;padding: 10px;margin-top: 20px;word-wrap:break-word;}
/*子页-联系我们-结束*/


/*子页-产品列表-开始*/
#p_product{min-height: 1000px;background: #f4f4f4;}

.p_product .cpzx_lb{margin-top: 60px;}
.p_product .cpzx_lb li{width: 280px;height: 340px;float: left;margin: 0 10px 20px 10px;}
.p_product .cpzx_lb .cp_tp{text-align: center;height: 190px;background: #fff; transition: all 0.5s;}
.p_product .cpzx_lb .cp_tp img{height: 190px;}
.p_product .cpzx_lb .cp_mc{transform:translate(0,0);background: #fff;padding: 0 10px;text-align: justify;height: 100px;display:flex;align-items: center; transition: all 0.5s;}
.p_product .cpzx_lb .cp_mc a{color: #514f4f;font-size: 16px;}
.p_product .cpzx_lb li:hover .cp_tp{transform: scale(1.1);transition: all 0.5s;}
.p_product .cpzx_lb li:hover .cp_mc{transform:translate(0,-20px);box-shadow: #6f6f6f 0px 1px 6px; transition: all 0.5s;}
.p_product .cpzx_lb li:hover .cp_mc a{font-weight: bold;}
/*WAP开始*/
#w_product{min-height: 1000px;background: #f4f4f4;}

.w_product .cpzx_lb{margin-top: 30px;}
.w_product .cpzx_lb li{width: 48%;min-height: 120px;float: left;margin: 5% 1%;}
.w_product .cpzx_lb .cp_tp{text-align: center;height: 120px;transition: all 0.5s;}
.w_product .cpzx_lb .cp_tp img{height: 120px;}
.w_product .cpzx_lb .cp_mc{transform:translate(0,0);background: #fff;text-align: justify;height: 88px;display:flex;align-items: center;padding: 0 2%;
    overflow: hidden; transition: all 0.5s;}
.w_product .cpzx_lb .cp_mc a{color: #514f4f;}
.w_product .cpzx_lb li:hover .cp_tp{transform: scale(1.1);transition: all 0.5s;}
.w_product .cpzx_lb li:hover .cp_mc{transform:translate(0,-20px);transition: all 0.5s;}
.w_product .cpzx_lb li:hover .cp_mc a{font-weight: bold;}





/*下一页*/
.page {margin:20px;text-align: center;clear: both;}
.page span.close,
.page strong,
.page a {/*display: inline-block;*/padding: 3px 8px;margin-right: 10px;background: #F5f5f5;color: #5a5a5a;}
.page strong.selfpage {background: #e1200d;color: #ffffff;}
.page a {background: #bbbbbb;color: #ffffff;}
.page a:hover {background: #e1200d;color: #fff;}
.page .count{display: none;}
.page .close{display: none;}
.page .next{display: none;}